<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // let 关键字就是用来声明变量的
        // 使用let 关键字声明变量具有块级作用域
        // 在一个大括号中使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的
        // if (true) {
        //     let b = 20;
        //     console.log(b);
        //     if (true) {
        //         let c = 10;
        //         console.log(c);
        //     }
        //     // console.log(c);
        // }
        // console.log(b);
        // 防止循环变量变成全局变量
        // for (let i = 0; i < 2; i++) {

        // }
        // console.log(i);

        // 使用let关键字声明的变量没有变量提升 只能先声明后使用
        // console.log(a);
        // let a = 10;

        // 使用let 关键字声明的变量具有暂时性死区特性
        var num = 10;
        if (true) {
            console.log(num);
            let num = 20;
        }
    </script>
</body>

</html>